<div class="article" flyInOut >
    <!--<div>
            <my-Carousel [imageList]="artiveImage"></my-Carousel>
        </div>-->
    <div class="left magen user-abrost col-md-4">
        <user-abstract></user-abstract>
    </div>

    <div class="right magen  user-abrost col-md-8">
        <mySearch [searchType]="searchType" (searchList)="searchList($event)" (loading)="loadingShow($event)" class="mysearch"></mySearch>
        <article-list></article-list>
        <pagination [totalItems]="bigTotalItems" [(ngModel)]="bigCurrentPage" [maxSize]="maxSize" class="pagination-sm" [boundaryLinks]="true"></pagination>
        <pre class="card card-block card-header">Page: {{bigCurrentPage}} / {{numPages}}</pre>
    </div>

</div>